* {
  margin: 0;
  padding: 0;
  list-style: none;
}
.container_bg {
  background: url(../upload/reg_wrapout20181203.jpg) no-repeat 50% 0;
}
.container_bg .container_main {
  position: relative;
  width: 1000px;
  height: 880px;
  background: url(../upload/reg_wrap20181203.jpg) no-repeat 50% 0;
  margin: 0 auto;
  overflow: hidden;
}
.container_bg .container_main .logo {
  position: absolute;
  left: 0px;
  top: 20px;
  width: 132px;
  height: 107px;
  background: url(../img/mxd_logo.png);
}
.container_bg .container_main .registe_nav {
  position: absolute;
  top: 40px;
  left: 160px;
  width: 720px;
  height: 40px;
  background: url(../img/mainNav.png);
}
.container_bg .container_main .registe_nav .first_li {
  margin-left: 28px;
}
.container_bg .container_main .registe_nav li {
  margin-left: 72px;
  float: left;
  width: 75px;
  height: 40px;
}
.container_bg .container_main .registe_nav li a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.container_bg .container_main .ver_bg {
  position: absolute;
  left: 120px;
  top: 470px;
  width: 274px;
  height: 239px;
  background: url(../img/ver-bg.png);
}
.container_bg .container_main .ver_bg img {
  margin-top: 10px;
  margin-left: 10px;
}
.container_bg .container_main .ver_bg #history {
  margin-top: 10px;
  margin-left: 45px;
  color: #666;
}
.container_bg .container_main .registe {
  position: absolute;
  left: 487px;
  top: 297px;
  padding: 50px;
  width: 250px;
  height: 310px;
  background: #fff;
  border-radius: 20px;
}
.container_bg .container_main .registe .table {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.container_bg .container_main .registe .table .table_top li {
  font-size: 13px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  padding: 0 14px;
  float: left;
  border: 1px solid #ccc;
  cursor: pointer;
  box-shadow: 0px 0px 1px 0px inset;
}
.container_bg .container_main .registe .table .table_top .mail_registe {
  border-left: none;
  border-right: none;
}
.container_bg .container_main .registe .table .table_bottom {
  margin-top: 20px;
  width: 85%;
  height: 92%;
  padding: 0 15px;
}
.container_bg .container_main .registe .table .table_bottom .mail_form {
  display: none;
  position: relative;
}
.container_bg .container_main .registe .table .table_bottom .mail_form input {
  height: 18px!important;
}
.container_bg .container_main .registe .table .table_bottom .mail_form .mail_txt,
.container_bg .container_main .registe .table .table_bottom .mail_form .mail_psd {
  position: absolute;
  font-size: 12px;
  left: 0px;
  top: 22px;
  width: 220px;
}
.container_bg .container_main .registe .table .table_bottom .mail_form .mail_psd {
  top: 62px;
}
.container_bg .container_main .registe .table .table_bottom .mail_form .mail_name_txt {
  top: 104px!important;
}
.container_bg .container_main .registe .table .table_bottom .mail_form .mail_idCard {
  top: 146px!important;
}
.container_bg .container_main .registe .table .table_bottom .mail_form .toggle_psd {
  cursor: pointer;
  position: absolute;
  left: 127px;
  top: 43px;
  font-size: 12px;
  text-align: center;
  height: 18px;
  width: 83px;
  background: url(../img/sprite_btn_mini.png) no-repeat 0px -36px;
}
.container_bg .container_main .registe .table .table_bottom .self_tel_form {
  display: none;
}
.container_bg .container_main .registe .table .table_bottom .self_tel_form input {
  margin-bottom: 15px!important;
  height: 20px!important;
  line-height: 20px!important;
}
.container_bg .container_main .registe .table .table_bottom .self_tel_form .self_test {
  top: 22px!important;
}
.container_bg .container_main .registe .table .table_bottom .self_tel_form .self_code_box {
  display: inline-block;
  width: 83px;
  top: 35px!important;
  height: 24px!important;
  left: 128px!important;
  text-align: center;
  line-height: 24px;
  background: url(../img/sprite_btn_mini.png) no-repeat 0px -33px;
}
.container_bg .container_main .registe .table .table_bottom .self_tel_form .self_psd_test {
  top: 95px!important;
}
.container_bg .container_main .registe .table .table_bottom .tel_form,
.container_bg .container_main .registe .table .table_bottom .mail_form,
.container_bg .container_main .registe .table .table_bottom .self_tel_form {
  position: relative;
  margin-top: 40px;
}
.container_bg .container_main .registe .table .table_bottom .tel_form input,
.container_bg .container_main .registe .table .table_bottom .mail_form input,
.container_bg .container_main .registe .table .table_bottom .self_tel_form input {
  border: 1px solid #ccc;
  box-shadow: 0px 0px 3px 0px inset #ccc;
  margin-bottom: 20px;
  height: 22px;
  outline: none;
  text-indent: 8px;
  font-size: 12px;
  width: 210px;
}
.container_bg .container_main .registe .table .table_bottom .tel_form input::-webkit-input-placeholder,
.container_bg .container_main .registe .table .table_bottom .mail_form input::-webkit-input-placeholder,
.container_bg .container_main .registe .table .table_bottom .self_tel_form input::-webkit-input-placeholder {
  color: #999;
}
.container_bg .container_main .registe .table .table_bottom .tel_form .get_code,
.container_bg .container_main .registe .table .table_bottom .mail_form .get_code,
.container_bg .container_main .registe .table .table_bottom .self_tel_form .get_code,
.container_bg .container_main .registe .table .table_bottom .tel_form .get_look_pwd,
.container_bg .container_main .registe .table .table_bottom .mail_form .get_look_pwd,
.container_bg .container_main .registe .table .table_bottom .self_tel_form .get_look_pwd {
  font-size: 11px;
  text-align: center;
  line-height: 28px;
  position: absolute;
  left: 129px;
  top: 41px;
  display: inline-block;
  width: 84px;
  height: 28px;
  background: url(../img/sprite_btn_mini.png) no-repeat -84px 1px;
}
.container_bg .container_main .registe .table .table_bottom .tel_form .tel_test,
.container_bg .container_main .registe .table .table_bottom .mail_form .tel_test,
.container_bg .container_main .registe .table .table_bottom .self_tel_form .tel_test,
.container_bg .container_main .registe .table .table_bottom .tel_form .psd_test,
.container_bg .container_main .registe .table .table_bottom .mail_form .psd_test,
.container_bg .container_main .registe .table .table_bottom .self_tel_form .psd_test,
.container_bg .container_main .registe .table .table_bottom .tel_form .tel_name,
.container_bg .container_main .registe .table .table_bottom .mail_form .tel_name,
.container_bg .container_main .registe .table .table_bottom .self_tel_form .tel_name,
.container_bg .container_main .registe .table .table_bottom .tel_form .tel_idCard,
.container_bg .container_main .registe .table .table_bottom .mail_form .tel_idCard,
.container_bg .container_main .registe .table .table_bottom .self_tel_form .tel_idCard,
.container_bg .container_main .registe .table .table_bottom .tel_form .mail_name_txt,
.container_bg .container_main .registe .table .table_bottom .mail_form .mail_name_txt,
.container_bg .container_main .registe .table .table_bottom .self_tel_form .mail_name_txt,
.container_bg .container_main .registe .table .table_bottom .tel_form .mail_idCard,
.container_bg .container_main .registe .table .table_bottom .mail_form .mail_idCard,
.container_bg .container_main .registe .table .table_bottom .self_tel_form .mail_idCard,
.container_bg .container_main .registe .table .table_bottom .tel_form .self_test,
.container_bg .container_main .registe .table .table_bottom .mail_form .self_test,
.container_bg .container_main .registe .table .table_bottom .self_tel_form .self_test,
.container_bg .container_main .registe .table .table_bottom .tel_form .self_code_box,
.container_bg .container_main .registe .table .table_bottom .mail_form .self_code_box,
.container_bg .container_main .registe .table .table_bottom .self_tel_form .self_code_box {
  position: absolute;
  left: 10px;
  top: 26px;
  font-size: 11px;
}
.container_bg .container_main .registe .table .table_bottom .tel_form .psd_test,
.container_bg .container_main .registe .table .table_bottom .mail_form .psd_test,
.container_bg .container_main .registe .table .table_bottom .self_tel_form .psd_test {
  top: 114px;
}
.container_bg .container_main .registe .table .table_bottom .tel_form .get_look_pwd,
.container_bg .container_main .registe .table .table_bottom .mail_form .get_look_pwd,
.container_bg .container_main .registe .table .table_bottom .self_tel_form .get_look_pwd {
  top: 85px;
  background: url(../img/sprite_btn_mini.png) no-repeat 0px -33px;
}
.container_bg .container_main .registe .table .table_bottom .tel_form .get_code:hover,
.container_bg .container_main .registe .table .table_bottom .mail_form .get_code:hover,
.container_bg .container_main .registe .table .table_bottom .self_tel_form .get_code:hover,
.container_bg .container_main .registe .table .table_bottom .tel_form .get_look_pwd:hover,
.container_bg .container_main .registe .table .table_bottom .mail_form .get_look_pwd:hover,
.container_bg .container_main .registe .table .table_bottom .self_tel_form .get_look_pwd:hover {
  color: #333;
}
.container_bg .container_main .registe .table .table_bottom .tel_form .get_look_pwd:hover,
.container_bg .container_main .registe .table .table_bottom .mail_form .get_look_pwd:hover,
.container_bg .container_main .registe .table .table_bottom .self_tel_form .get_look_pwd:hover {
  background: url(../img/sprite_btn_mini.png) no-repeat -97px -33px;
}
.container_bg .container_main .registe .table .table_bottom .tel_form .tel_name,
.container_bg .container_main .registe .table .table_bottom .mail_form .tel_name,
.container_bg .container_main .registe .table .table_bottom .self_tel_form .tel_name {
  top: 158px;
}
.container_bg .container_main .registe .table .table_bottom .tel_form .tel_idCard,
.container_bg .container_main .registe .table .table_bottom .mail_form .tel_idCard,
.container_bg .container_main .registe .table .table_bottom .self_tel_form .tel_idCard {
  top: 202px;
}
.container_bg .container_main .registe .table .table_bottom .tel_form .tell_book,
.container_bg .container_main .registe .table .table_bottom .mail_form .tell_book,
.container_bg .container_main .registe .table .table_bottom .self_tel_form .tell_book {
  margin-top: 23px!important;
}
.container_bg .container_main .registe .table .table_bottom .tel_form .mail_book,
.container_bg .container_main .registe .table .table_bottom .mail_form .mail_book,
.container_bg .container_main .registe .table .table_bottom .self_tel_form .mail_book {
  margin-top: 58px!important;
}
.container_bg .container_main .registe .table .table_bottom .tel_form .self_book,
.container_bg .container_main .registe .table .table_bottom .mail_form .self_book,
.container_bg .container_main .registe .table .table_bottom .self_tel_form .self_book {
  margin-top: 36px!important;
}
.container_bg .container_main .registe .table .table_bottom .tel_form .book,
.container_bg .container_main .registe .table .table_bottom .mail_form .book,
.container_bg .container_main .registe .table .table_bottom .self_tel_form .book {
  font-size: 12px;
  display: inline-block;
  margin-top: 25px;
  color: #4A9CE6;
}
.container_bg .container_main .registe .table .table_bottom .tel_form .book:hover,
.container_bg .container_main .registe .table .table_bottom .mail_form .book:hover,
.container_bg .container_main .registe .table .table_bottom .self_tel_form .book:hover {
  color: #4A9CE6;
  text-decoration: underline;
}
.container_bg .container_main .registe .table .table_bottom .tel_form .agree,
.container_bg .container_main .registe .table .table_bottom .mail_form .agree,
.container_bg .container_main .registe .table .table_bottom .self_tel_form .agree {
  cursor: pointer;
  position: absolute;
  left: 68px;
  top: 240px;
  width: 144px;
  height: 27px!important;
  background: url(../img/sprite_btn_mini.png) no-repeat -145px -61px;
}
.footer {
  margin-top: 40px;
  width: 100%;
}
.footer p {
  text-align: center;
  font-size: 12px;
}
.footer p i {
  color: #FF0000;
  font-weight: 700;
  font-style: normal;
}
.footer .foot_box {
  width: 100%;
  overflow: hidden;
}
.footer .foot_banner {
  margin-top: 30px;
  width: 4440px;
  height: 50px;
}
.footer .foot_banner img {
  display: inline-block;
}
.footer .foot_bottom {
  overflow: hidden;
  margin-top: 20px;
  width: 100%;
  height: 132px;
  background: url(../img/bg_w.jpg);
}
.footer .foot_bottom .foot_bottom_l {
  position: relative;
  float: left;
  height: 100%;
  width: 400px;
}
.footer .foot_bottom .foot_bottom_l .logo_sd {
  position: absolute;
  left: 170px;
  top: 25px;
  width: 64px;
  height: 66px;
  background: url(../img/SDG_logo_w.jpg);
}
.footer .foot_bottom .foot_bottom_l .logo2 {
  position: absolute;
  left: 270px;
  top: 30px;
  width: 109px;
  height: 68px;
  background: url(../img/img_ne.jpg);
}
.footer .foot_bottom .foot_bottom_m {
  float: left;
}
.footer .foot_bottom .foot_bottom_m p {
  position: relative;
  padding: 0;
  margin: 0;
  text-align: left;
  margin-bottom: 5px;
}
.footer .foot_bottom .foot_bottom_m p a:hover {
  color: #333;
  text-decoration: underline;
}
.footer .foot_bottom .foot_bottom_m p .policeman {
  position: absolute;
  left: 288px;
  top: -2px;
  width: 20px;
  height: 20px;
  background: url(../img/beian.png) no-repeat;
}
.footer .foot_bottom .foot_bottom_m .first_footer_p {
  margin-top: 15px;
}
.footer .foot_bottom .foot_bottom_r {
  float: right;
}
.footer .foot_bottom .foot_bottom_r .foot_ico {
  position: relative;
  width: 500px;
  height: 132px;
}
.footer .foot_bottom .foot_bottom_r .foot_ico .wen {
  margin-top: 15px;
  position: absolute;
  width: 47px;
  height: 47px;
  background: url(../img/whjy.png);
}
.footer .foot_bottom .foot_bottom_r .foot_ico .gong {
  margin-top: 15px;
  margin-left: 50px;
  position: absolute;
  width: 47px;
  height: 47px;
  background: url(../img/shgs2.gif);
}
.footer .foot_bottom .foot_bottom_r .foot_ico .e {
  margin-top: 15px;
  margin-left: 110px;
  width: 111px;
  height: 45px;
  position: absolute;
  background: url(../img/img_cp_jubao_w.png);
}
.footer .foot_bottom .foot_bottom_r .foot_ico .lian {
  margin-top: 70px;
  width: 127px;
  height: 35px;
  position: absolute;
  background: url(../img/report.png);
}
.footer .foot_bottom .foot_bottom_r .foot_ico .jia {
  margin-top: 70px;
  margin-left: 138px;
  width: 82px;
  height: 37px;
  position: absolute;
  background: url(../img/jzjh.png);
}
